<template>
  <iframe :id="id" :src="url" frameborder="0" width="100%" height="800px" scrolling="auto" style="background-color: #fff"></iframe>
</template>

<script>
import PageLayout from '../page/PageLayout';
import RouteView from './RouteView';

export default {
  name: 'IframePageContent',
  data() {
    return {
      url: '',
      id: '',
    };
  },
  created() {
    this.goUrl();
  },
  updated() {
    this.goUrl();
  },
  watch: {
    $route(to, from) {
      this.goUrl();
    },
  },
  methods: {
    goUrl() {
      let url = this.$route.meta.url;
      let id = this.$route.path;
      this.id = id;
      //url = "http://www.baidu.com"
      console.log('------url------' + url);
      if (url !== null && url !== undefined) {
        this.url = url;
        //window.open(this.url);
      }
    },
  },
};
</script>

<style></style>
